.index-banner {
  width: 100%;
}
.index-banner img {
  width: 100%;
}
.index-content {
  padding: 0 3.125%;
}
.index-content-a {
  padding-top: 2.23004695rem;
  text-align: center;
}
.index-content-a h2 {
  font-size: 2.11267606rem;
  color: #363636;
  margin: 0 auto;
  margin-bottom: 1.29107981rem;
}
.index-content-a p {
  font-size: 1.2rem;
  line-height: 1.9rem;
  color: #989898;
}
.phone-about-b {
  padding-top: 1.76056338rem;
}
.phone-tong {
  text-align: center;
}
.phone-tong h2 {
  font-size: 1.4084507rem;
  line-height: 1.29107981rem;
  color: #363636;
  margin-top: 1.58450704rem;
}
.phone-tong p {
  font-size: 1.2rem;
  line-height: 1.9rem;
  color: #989898;
  margin-top: 20px;
}
.phone-tong p:last-child {
  margin-top: 0rem;
}
.index-middle-banner {
  margin-top: 2.81690141rem;
}
.middle-new-media {
  padding-top: 2.69953052rem;
}
.middle-new-media1 {
  border-bottom: 1px solid #e4e4e4;
}
.middle-new-media2 {
  border-right: 1px solid #e4e4e4;
}
.new-media2 h2 {
  padding-bottom: 3.34507042rem;
}
.new-media2 p {
  margin-top: 1.99530516rem;
}
.advantage1 {
  padding-top: 1.17370892rem;
  padding-bottom: 1.99530516rem;
}
.advantage1 img {
  margin-bottom: 1.29107981rem;
}
.advantage1 h3 {
  font-size: 1.5258216rem;
  line-height: 1.29107981rem;
  color: #666;
  margin-bottom: 1.17370892rem;
}
.advantage1 p {
  font-size: 1.2rem;
  line-height: 1.9rem;
  color: #989898;
}
.index-adv1-bottom {
  padding: 0 16px;
}
.advantage1-table td {
  height: 4.28403756rem;
  border: 1px solid #ddd;
  background: #fff;
}
#special-table2 > tr > td,
#special-table3 > tr > td,
#special-table4 > tr > td {
  padding: 0px;
  border: 1px solid #e5e5e5;
}
#special-tr1 td,
#special-tr2 td,
#special-tr3 td,
#special-tr4 td,
#special-tr1-2 td,
#special-tr4-2 td,
#special-tr4-3 td,
#special-tr1-3 td {
  padding: 0px;
}
.advantage1-table td a {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: block;
  border: 2px solid transparent;
  background-size: cover;
}
.advantage1-table td a.adv1-active {
  border: 2px solid #d12c38;
}
.refs-row1-a {
  background: url(../img/index/adv1-1.jpg) no-repeat center center;
}
.refs-row1-b {
  background: url(../img/index/adv1-2.jpg) no-repeat center center;
}
.refs-row1-c {
  background: url(../img/index/adv1-3.jpg) no-repeat center center;
}
.refs-row2-a {
  background: url(../img/index/adv2-1.jpg) no-repeat center center;
}
.refs-row2-b {
  background: url(../img/index/adv2-2.jpg) no-repeat center center;
}
.refs-row2-c {
  background: url(../img/index/adv2-3.jpg) no-repeat center center;
}
.refs-row3-a {
  background: url(../img/index/adv3-1.jpg) no-repeat center center;
}
.refs-row3-b {
  background: url(../img/index/adv3-2.jpg) no-repeat center center;
}
.refs-row3-c {
  background: url(../img/index/adv3-3.jpg) no-repeat center center;
}
.refs-row4-a {
  background: url(../img/index/adv4-1.jpg) no-repeat center center;
}
.refs-row4-b {
  background: url(../img/index/adv4-2.jpg) no-repeat center center;
}
.refs-row4-c {
  background: url(../img/index/adv4-3.jpg) no-repeat center center;
}
.advantage2 {
  padding-top: 4.98826291rem;
}
.index-in-out {
  margin-top: 2.23004695rem;
}
.advantage3 {
  margin-top: 3.52112676rem;
}
.left-span,
.right-span {
  width: 2.81690141rem;
  height: 6.04460094rem;
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -2.99295775rem;
}
.left-span {
  left: 0;
  background: url(../img/index/left.png) no-repeat rgba(0, 0, 0, 0.3) center center;
}
.right-span {
  background: url(../img/index/right.png) no-repeat rgba(0, 0, 0, 0.3) center center;
  right: 0;
}
div.advantage4 {
  margin-top: 7.27699531rem;
}
.advantage4 div {
  position: relative;
}
.advantage4 div .case1-img {
  position: absolute;
  width: 35.21126761rem;
  top: -4.81220657rem;
  margin-left: -17.6056338rem;
  left: 50%;
  z-index: 2000;
}
div.contact-us {
  margin-top: 5.51643192rem;
}
.message {
  background: #fff;
  height: 440px;
  width: 600px;
  margin: 0 auto;
  /*float: left;*/
  position: relative;
  margin-top: 46px;
  margin-bottom: 60px;
}
.submit {
  background: #f32836;
  width: 100px;
  border-radius: 20px;
  color: #fff;
  margin-top: 15px;
}
.send-email {
  text-align: left;
  padding-top: 36px;
}
.send-email b {
  color: #f32836;
  font-weight: normal;
}
.form-group {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}
.maxtext {
  position: absolute;
  bottom: 168px;
  right: 17px;
  color: #f32836;
}
.form-group span.clear-btn {
  width: 50px;
  /*width: 7%;*/
  height: 50px;
  background: #fff;
  float: left;
  border: 1px solid #d8d8d8;
  border-right: none;
}
.form-group span.clear-btn i {
  background: url(../img/index/name.png) no-repeat center center;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  -moz-transition: -moz-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  width: 50px;
  height: 50px;
  display: inline-block;
}
.form-group input {
  width: 550px;
  height: 50px;
  float: left;
  color: #a7a7a7;
  border: 1px solid #d8d8d8;
  border-left: none;
  border-radius: 0;
}
.form-group span.clear-btn-a {
  width: 50px;
  height: 50px;
  background: #fff;
  float: left;
  border: 1px solid #d8d8d8;
  border-right: none;
}
.form-group span.clear-btn-a i {
  background: url(../img/index/phone.png) no-repeat center center;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  -moz-transition: -moz-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  width: 50px;
  height: 50px;
  display: inline-block;
}
.form-group:hover span i {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
}
.form-group textarea {
  width: 100%;
  height: 132px;
  padding: 8px;
  border: 1px solid #d8d8d8;
}
.phone-about {
  padding: 0 3.125%;
}
.phone-about-a h1 {
  font-size: 2.11267606rem;
  line-height: 2.11267606rem;
  color: #363636;
  font-weight: bold;
  text-align: center;
  padding-top: 2.9342723rem;
  padding-bottom: 0.99765258rem;
}
.phone-about-a p {
  font-size: 1.2rem;
  line-height: 1.9rem;
  color: #363636;
  text-align: center;
}
.phone-about-b {
  padding-top: 2.64084507rem;
}
.phone-tong {
  text-align: center;
  border-right: 1px solid #e5e5e5;
  padding: 0 5% 0 5%;
}
.phone-tong h2 {
  font-size: 1.4rem;
  margin-top: 35px;
  margin-bottom: 25px;
}
.phone-tong p {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.phone-tong p img{
  width: 70%;
}
.phone-tong1 {
  border-right: none;
}
.phone-tong2 {
  border-bottom: 1px solid #e5e5e5;
}
.phone-about-c {
  padding-bottom: 3rem;
}
.about-service-img img {
  display: inline-block;
  width: 100%;
}
.about-service div {
  padding: 10px;
}
.about-service h1 {
  font-size: 1.4084507rem;
  line-height: 1.9rem;
  color: #000;
}
.about-service p {
  font-size: 1.2rem;
  line-height: 1.9rem;
  color: #666;
}
.phone-about-d {
  text-align: center;
}
.phone-about-d h1 {
  font-size: 2.11267606rem;
  line-height: 2.11267606rem;
  color: #000;
  font-weight: bold;
  padding-bottom: 15px;
}
.phone-about-d p {
  font-size: 1.2rem;
  line-height: 1.9rem;
  color: #666;
}
.phone-about-d ul i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("../img/about/icon.png") no-repeat center center;
}
.phone-about-d ul span {
  display: inline-block;
  font-size: 1.87793427rem;
  line-height: 1.87793427rem;
  color: #363636;
  padding-left: 15px;
}
.phone-about-d ul p {
  padding-left: 47px;
  padding-top: 22px;
  padding-bottom: 38px;
}
.about-last-img {
  margin-bottom: 122px;
}



